<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <About :aboutObj="aboutObj" @aboutEmit="aboutEmit"></About>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import About from "@/views/About.vue";
import utils from "@/common/utils";
import api from "@/common/axios";

@Component({
  components: {
    About
  }
})
export default class Home extends Vue {
  private aboutObj: object = {
    msg1: "1111",
    msg2: "2222"
  };

  private aboutEmit(val: string) {
    console.log(val);
  }

  async mounted() {
    let res = await api("/satinApi", { type: 1, page: 1 });
    console.log(res);
  }
}
</script>
